<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>960 Grid System &mdash; Demo</title>
<link rel="stylesheet" href="/css/reset.css" />
<link rel="stylesheet" href="/css/text.css" />
<link rel="stylesheet" href="/css/960.css" />
<link rel="stylesheet" href="/css/formularios.css" />
<link rel="stylesheet" href="/css/validacion.css" />
<link rel="stylesheet" href="/css/searchlight.css" />
<link rel="stylesheet" href="/css/ui-lightness/jquery-ui-1.8.6.custom.css" />

<style>

@font-face {
	font-family:Lobster;
	src: url('/fonts/Lobster.otf');
}

@font-face {
    font-family:Chunkfive;
    src: url('/fonts/Chunkfive.otf');
}

body {
	background:black;
}

#wrapper {
/*	background:#ccc;	*/

/*background: url('img/crumpled.jpg') repeat scroll left top #dcc4a2;*/

background: #dcc4a2;

color:#CBC4C2;
font-family:"Helvetica Neue",arial;
font-weight:300;	
}

#header {
/*	background:red;	*/
	height:100px;
	font-family: Chunkfive;
	font-size:24px;
	color:red;
}

#header h1 {
	border:0;

}


#main {
	height:800px;
	margin-top:25px;
}


#sidebar {
	background:blue;	
	min-height:300px;
}


#footer {
/*	background:green;	*/
/*	border-top:10px solid yellow; */
	color:white;
	height:200px;
}


.clearfix {
	display:block;
}


</style>
</head>
<body>

	<div id="wrapper">
	
		<div id="header" class="clearfix">
		
			<div class="container_16">
				<div class="grid_4">
					<div id="logo">
						<h1><a href="#"></a></h1>
					</div>
				</div>
				
  			   <div class="grid_11 prefix_1">
  			   	<div id="nav">
  			   		navigation
  			   	</div>
  			   </div>
				
			</div>
			
		</div>
		
		<div id="main">
		
			<div class="container_16">
				<div class="grid_11">
				
<!-- ACABA HEADER -->	
